<template>
    <!-- v-html:设置的HTML文档直接解析渲染到页面中 -->
  <p v-html="data"></p>
</template>

<script>
// 引入marked库
import { marked } from 'marked'
export default {
    // 提供外部属性来设置内容
    props: ["content"],
    computed: {
        data(){
            // 计算属性，将外部设置的文章Markdown内容转换成HTML
            return marked(this.content)
        }
    }
}
</script>

<style scoped>

</style>